<html>
<body>
  <script>
    function createImage() {
      let img = new Image(0, 0);
      let sibling = document.getElementById('firstChild');
      sibling.parentNode.insertBefore(img, sibling);
    }
    //# sourceURL=inspector-dom-origin-url-1.js
  </script>

  <script>
    let firstChild = document.body.appendChild(document.createElement('span'));
    firstChild.setAttribute('id', 'firstChild');
    createImage();
  </script>
  <iframe name='testWrite'></iframe>
  <span id='testInnerText'>Original content.</span>
  <div id='testInnerHtml1'></div>
  <script>document.getElementById('testInnerHtml1').innerHTML = 'Hello';</script>
  <span id='testInnerHtml2'></span>
  <div id='testOuterHtml'></div>

  <script>
    testWrite.document.write('<p>Top html node has an origin url.</p>');
    //# sourceURL=inspector-dom-origin-url-2.js
  </script>

  <script>
    testWrite.document.write('<span><p>Only top node has an origin url.</p></span><p>And sibling top node.</p>');
    testWrite.document.close();
    document.getElementById('testInnerText').innerText = 'New content.';
    eval("document.getElementById('testInnerHtml2').innerHTML = '<p><span>Inner World</span></p>'");
    document.getElementById('testOuterHtml').outerHTML = '<p><span>Outer World</span></p>';
    //# sourceURL=inspector-dom-origin-url-3.js
  </script>
</body>
</html>
